@import '../constant.less';

.container {
  min-height: 61vh;
  margin: 3vh;
  padding: 2vh;
  // temp
  color: @containerFontColor;
  background-color: var(--bg-main);
  border-radius: @containerBorderRadis;

  :global {
    .ant-timeline {
      margin-top: 2vh;
    }

    // .ant-timeline-item-head {
    //   // background-color: @containerBackgroundColor !important;
    //   border: 1px solid rgba(122, 122, 122) !important;
    // }

    // .ant-timeline > .ant-timeline-item:first-child > .ant-timeline-item-head {
    //   background-color: #fff !important;
    //   border: 2px solid rgba(122, 122, 122) !important;
    // }

    // .ant-timeline-item-tail {
    //   border-left: 1px solid rgba(122, 122, 122) !important;
    // }
    .anticon-swap-right {
      display: inline-flex;
      align-items: center;
    }
  }
}

.title {
  color: var(--font);
  font-weight: 600;
  font-size: 18px;
  font-family: 'PingFang SC';
  font-style: normal;
}

.empty {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48vh;
  margin-top: 2vh;

  :global {
    .ant-empty-img-default-path-1 {
      fill: #aeb8c2;
      fill-opacity: 0.4;
    }

    .ant-empty-img-default-path-2 {
      fill: linear-gradient(180deg, #dee0e1 -146.67%, #5f5f5f 100%);
    }

    .ant-empty-img-default-path-3 {
      fill: #bbb;
    }

    .ant-empty-img-default-path-4 {
      fill: rgb(94, 126, 146);
    }

    .ant-empty-img-default-path-5 {
      fill: rgb(94, 126, 146);
    }

    .ant-empty-img-default-g {
      fill: #fff;
    }

    .ant-empty-img-default-ellipse {
      fill: rgba(245, 245, 247, 0.8);
      fill-opacity: 0.2;
    }

    .ant-empty-description {
      color: #fff;
    }
  }
}

.caluclateTime,
.sendAdd,
.acceptAdd {
  margin-right: 5px;
  color: var(--font);
  font-weight: 600;
}

.caluclateTime {
  margin-right: 10px;
}

.historyInfo {
  display: flex;
  align-content: center;

  :global {
    .anticon-up-square {
      display: flex !important;
      align-items: center !important;
      color: var(--font-primary) !important;
      cursor: pointer;
    }
  }
}
